<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <!--必须的-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>我的-预约管理系统客户端</title>
    <link rel="stylesheet" th:href="@{/client/css/my.css}">
    <link rel="stylesheet" th:href="@{/client/css/site.css}">
    <script th:src="@{/client/lib/jquery/jquery-3.7.1.min.js}"></script>
    <script th:src="@{/client/js/my.js}"></script>
    <script th:inline="javascript">
        let ctx = /*[[@{/}]]*/"";
        if (ctx.endsWith("/")) {
            ctx = ctx.substring(0, ctx.length - 1);
        }
    </script>
</head>
<body>
<div class="my">
    <ul class="infos">
        <li class="id clear">
            <div class="label left">ID</div>
            <div class="info right">未登录</div>
        </li>
        <li class="phone clear">
            <div class="label left">手机号</div>
            <div class="info right">未登录</div>
        </li>
        <li class="name clear">
            <div class="label left">名字</div>
            <div class="info right">未登录</div>
        </li>
        <li class="balance clear">
            <div class="label left">余额</div>
            <div class="info right">未登录</div>
        </li>
    </ul>
    <ul class="infos">
        <li class="login clear">
            <div class="label left">登录</div>
            <div class="info right">></div>
        </li>
        <li class="change clear">
            <div class="label left">切换账号</div>
            <div class="info right">></div>
        </li>
        <li class="logout clear">
            <div class="label left">退出</div>
            <div class="info right">></div>
        </li>
    </ul>
</div>
</body>
</html>